<%--
    Document   : index_New
    Created on : 20 févr. 2009, 17:19:32
    Author     : miage
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>YouNice</title>

<script type="text/javascript" language="JavaScript">
var listePlayList=new Array();
</script>
<SCRIPT type="text/javascript" language="JavaScript" src="prototype.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="divers.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="ajax1_New.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="lightbox.js"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript" src="manage_playlist.js"></SCRIPT>


<!-- <SCRIPT type="text/javascript" language="JavaScript" src="youtubeplayer.js"></SCRIPT> -->
<SCRIPT type="text/javascript" language="JavaScript" src="newjavascript.js"></SCRIPT>
<script type="text/javascript" src="js/caroussel.js"></script>
 <script src="http://swfobject.googlecode.com/svn/tags/rc3/swfobject/src/swfobject.js" type="text/javascript"></script>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Kit graphique Squarr" />
<meta name="Keywords" content="Kit graphique, Kit graphique Squarr" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/caroussel.css" />
<link rel="stylesheet" type="text/css" href="css/lightbox.css" />
    <!--[if IE 6]><link href="css/ie.css" rel="stylesheet" type="text/css" /><![endif]-->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

</head>
<body>
<div style="display:none;" id="filter"></div><div id="box">
  <table id="boxtitle"width="100%"><tr><td><span id="the_title"></span></td><td align="right"><a href="#" onclick="closebox('Inscription', 1);"><img src="images/action_stop.gif"/></a></td></tr></table>
      <p id="adresse_mail">Adresse email:<br />
      <input name="email" value="email@domaine.com" maxlength="60" size="25" type="text" />
      </p>

      <p>Pseudonyme:<br />
      <input name="pseudo" maxlength="20" size="25" type="text" />
      </p>
      <p>Mot de passe :<br />
      <input name="password" maxlength="20" size="25" type="password" />
      </p>
      <p id="mot_de_passe_conf">Mot de passe (confirmation) :<br />
      <input name="password2" maxlength="20" size="25" type="password" />
      </p>
      <input name="submit" value="Envoyer" onclick="submitform()" type="submit" />
      <input name="cancel" value="Annuler" onclick="closebox()" type="button" />
</div>
<div id="site">
	<div id="header">
		<h1><a href="#" title="Page d'accueil">You <span>[ Nice ]</span></a></h1>
	</div>
	<div id="menu">
		<ul>
			<li><a href="#">Ma playlist</a></li>
			<li><a href="#">Mes videos</a></li>
			<li><a href="#">Ma recherche</a></li>
			<li><a href="#">Mes preferees</a></li>
			<li class="login"><a href="#" onclick="openbox('Inscription', 1)">M'inscrire</a></li>
			<li class="login"><a href="#" onclick="openbox('Connexion', 1)">Me connecter</a></li>
		</ul>
	</div>
	<div id="contenu">
	
		<div id="video">



			<table style="order: 1px solid #801600; background: white;">
                <tr><td height="40"/></tr>
				<tr>
					<td style="padding:0px; margin:0px;" >
						<div class='caroussel' style='height:375px;' >
							<div id='boite_englobante_2' style='height:275px;  width:136px; '>
								<div id='fleche_haut_playlist'> <img src='images/arrow-up.gif' id='arrow_up_image_playlist' onmouseout='StopperDefilement(this);' onmouseover='LancerDefilement(this,2); ' /> </div>
									<div class='boite_fenetre' style='height:250px;'>
										<div id='div_miniatures_2' style='position: relative;' >



										</div>
									</div>
								<div id='fleche_bas_playlist'><img src='images/arrow-down.gif' id='arrow_down_image_playlist' onmouseout='StopperDefilement(this);' onmouseover='LancerDefilement(this,2);' /></div>
							</div>
						</div>
                        <br />
                        <button onclick="load_playlist()">Lancer cette playlist</button>

					</td>

					<td>
						<table id='tabGrandeImage' style=' height:375px; _height: 381px; ' border='0' cellpadding='0' cellspacing='0'  width='500'>
							<tr>
								<td align='center' height='426'>
							 

 <script type="text/javascript" src="js/swfobject.js"></script>

<div id="player">This text will be replaced</div>

<script type="text/javascript">
var so = new SWFObject('js/player.swf','player','425','344','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=xml/playlist_remember.xml&backcolor=FFFFFF&frontcolor=E53917&lightcolor=E53917&screencolor=FFFFFF&autostart=true&repeat=list');
so.write('player');
</script>
    <!-- http://www.longtailvideo.com/support/jw-player-setup-wizard?example=13 !-->
   
								<br/><br/><br/></td>
							</tr>
						</table>
					</td>

				</tr>
			</table>

			<!-- On appelle la premiere photo grace a javascript :)-->
            <SCRIPT type="text/javascript" LANGUAGE='javascript'>AfficherImage('image1.jpg','1','375');</SCRIPT>



    <!-- HTML below here is for display of the player info + state -->


		</div>
	
	
		<div id="playlist">
			<strong> Recherche :</strong>
			<input type="text" style="width: 110px;" onkeydown="if (event.keyCode==13) search('null', 1, 1); " id="keywords" name="keywords"/>
			<input type="button" value="Ok" onclick="search('null', 1, 1);" ></input>
				<span id="resultats"></span>
              </div>
   
		<div id="bloc_haut">
			Bienvenue sur YouNice !
            <span id="pseudo" style="float: right;"></span>
        </div>

		<div id="bloc_bas">
			Les suggestions
           <input type="button" value="Ok" onclick="maListe();"></input>

           

			<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
		</div>


	</div>
	<div id="footer">
		<ul>
			<li>&copy; 2009</li>
			<li>Webdesign : <a href="#">YouNice</a></li>
		</ul>
	</div>
</div>

</body>
</html>

